.main {
  display: flex;
  min-height: calc(100vh - 160px);
  font-family: cursive;
  ul {
    padding: 4px 0;
    width: 240px;
    border: 1px solid #ccc;
    background: #FFF;
    li:nth-child(1) {
      color: #666;
    }
    li {
      list-style: none;
      font-size: 16px;
      // color: #4A8AF4;
      color: #149E5B;
      padding: 6px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #ddd;
      > i {
        color:#DD5246;
        float: right;
      }
    }
    li:hover {
      cursor: pointer;
      color: #FFF;
      background-color: #666;
    }
    .active {
      color: #FFF;
      background-color: #666;
    }
  }

  form {
    margin: 16px;
    width: calc(100vw - 240px);
    .segment {
      margin: 8px;

      >span {
        display: inline-block;
        min-width: 80px;
        text-align: right;
        color: #888;
      }
      i {
        color:#116FBF;
      }
      i:hover {
        cursor: pointer;
        color: #149E5B;
      }
    }

    .button-groups {
      text-align: center;

      button {
        margin: 0 16px;
      }
    }
  }
}

:host ::ng-deep {
  input {
    width: 400px;
  }
  .ui-editor-container {
    background-color: #FFF;
  }
}
